import React,{PureComponent} from 'react'
import {Form,Input,Select} from 'antd'
import PropTypes from 'prop-types'

const Item=Form.Item
const Option=Select.Option

class AddForm extends PureComponent{
 static propTypes={
    setForm:PropTypes.func.isRequired, //接收父组件传过来的setForm函数
 }

 componentWillMount(){
     this.props.setForm(this.props.form) //把当前页面的form通过setForm函数传到父组件
 }

 render(){

    //表单样式控制
    const formItemLayout = {
        labelCol:{ span: 5,offset:0 },
        wrapperCol:{ span: 15,offset:0 }
      }

    const { getFieldDecorator }=this.props.form //form组件的获取表单验证函数
     return(
        //  表单样式控制 {...formItemLayout}
         <Form {...formItemLayout} > 
            
            <Item label='科目名'> 
                 {
                 getFieldDecorator('name',{
                     initialValue:'',
                     rules:[{required:true,message:'科目名必须输入'}]
                 })(<Input placeholder='请输入科目名' />)
                 }     
             </Item>
             <Item label='报名时间'> 
                 {
                 getFieldDecorator('applyTime',{
                     initialValue:'',
                     rules:[{required:true,message:'报名时间必须输入'}]
                 })(<Input placeholder='请输入报名时间' />)
                 }     
             </Item>
             <Item label='考试时间'> 
                 {
                 getFieldDecorator('testTime',{
                     initialValue:'',
                     rules:[{required:true,message:'考试时间必须输入'}]
                 })(<Input placeholder='请输入考试时间' />)
                 }     
             </Item>


             
         </Form>
     )
 }
}
//为当前组件添加一个form对象
export default Form.create()(AddForm)
